* {
	margin: 0 auto;
	padding: 0;
}

p {
	float: left;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: black;
}

.clear {
	clear: both;
}
/*---------------------------------header----------------------------------------*/
.header {
	width: 100%;
	height: 110px;
	background-image: url("../../images/head.png");
}
/*---------------------------------banner----------------------------------------*/
.searchAndButton {
	width: 40%;
	height: 30px;
}

.search {
	width: 40%;
	height: 30px;
	border: 1px solid orange;
	margin-left: 25%;
	margin-top: 1%;
	float: left;
}

.search-button {
	margin-top: 1%;
	width: 10%;
	height: 30px;
	float: left;
}

.banner {
	width: 76%;
	margin-left: 13%;
	margin-top: 1%;
	border: 1px solid #ccc;
	padding: 1%;
}

.banner span {
	font-size: 20px;
	float: left;
}
.iframe{
	height:100%;
	width:100%;
}

.banner_t {
	width: 96%;
	margin-left: 40px;
	    height: 205px;
	margin-top: -12px;
}

.banner_t li {
	width: 20%;
	height: 30px;
	float: left;
	margin-top: 2%;
}

.banner li .div1 {
	height: 30px;
	font-size: 20px;
	color: #2b2b2b;
	float: left;
	border: 0;
	border-radius: 10%;
	line-height: 30px;
	margin-top: 2%;
}
/*---------------------main----------------------------------------*/
.main {
	width: 84%;
	height: 600px;
	border: 1px solid grey;
	margin-top: 1%;
	padding: 2%;
}

.main-top {
	width: 100%;
	height: auto;
	margin: 10px;
	margin-bottom: 3%;
}

.item {
	width: 8%;
	height: 30px;
	float: left;
	border-radius: 10%;
	background: gainsboro;
	padding-left: 10px;
}

.courses {
	height: auto;
	width: 76%;
	float: left;
	/*background: red;*/
	padding-left: 2%;
}

.course {
	height: auto;
	width: 23%;
	margin-right: 1%;
	margin-bottom: 2%;
	height: 249px;
	/*background: pink;*/
	border: 1px solid #80808073;
	float: left;
	margin-top: 20px;
}

.courseInfo {
	margin-left: 6%;
}

.course img {
}

.course p {
	margin-left: 4%;
}
/*---------------------------------main----------------------------------------*/
.footer {
	overflow:hidden; 
	width: 100%;
	height: 117px;
	background-image: url("../../images/bottom.png");
	margin-top: 1%;
* {
	margin: 0 auto;
	padding: 0;
}

p {
	float: left;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: black;
}

.clear {
	clear: both;
}
/*---------------------------------header----------------------------------------*/
.header {
	width: 100%;
	height: 110px;
	background-image: url("../../images/head.png");
}
/*---------------------------------banner----------------------------------------*/
.searchAndButton {
	width: 40%;
	height: 30px;
}

.search {
	width: 40%;
	height: 30px;
	border: 1px solid orange;
	margin-left: 25%;
	margin-top: 1%;
	float: left;
}

.search-button {
	margin-top: 1%;
	width: 10%;
	height: 30px;
	float: left;
}

.banner {
	width: 76%;
	margin-left: 10%;
	margin-top: 1%;
	border: 1px solid orange;
	padding: 1%;
}

.banner span {
	font-size: 20px;
	float: left;
}
.iframe{
	height:100%;
	width:100%;
}

.banner_t {
	width: 96%;
	margin-left: 40px;
	    height: 205px;
	margin-top: -12px;
}

.banner_t li {
	width: 20%;
	height: 30px;
	float: left;
	margin-top: 2%;
}

.banner li .div1 {
	height: 30px;
	font-size: 20px;
	color: #2b2b2b;
	float: left;
	border: 0;
	border-radius: 10%;
	line-height: 30px;
	margin-top: 2%;
}
/*---------------------main----------------------------------------*/
.main {
	width: 84%;
	height: 600px;
	border: 1px solid grey;
	margin-top: 1%;
	padding: 2%;
}

.main-top {
	width: 100%;
	height: auto;
	margin: 10px;
	margin-bottom: 3%;
}

.item {
	width: 8%;
	height: 30px;
	float: left;
	border-radius: 10%;
	background: gainsboro;
	padding-left: 10px;
}

.courses {
	height: auto;
	width: 76%;
	float: left;
	/*background: red;*/
	padding-left: 2%;
}

.course {
	height: auto;
	width: 23%;
	margin-right: 1%;
	margin-bottom: 2%;
	height: 249px;
	/*background: pink;*/
	border: 1px solid #80808073;
	float: left;
	margin-top: 20px;
}

.courseInfo {
	margin-left: 6%;
}

.course img {
}

.course p {
	margin-left: 4%;
}
/*---------------------------------main----------------------------------------*/
.footer {
	overflow:hidden; 
	width: 100%;
	height: 117px;
	background-image: url("../../images/bottom.png");
	margin-top: 1%;
>>>>>>> ba23b36d13648be6805e6ab3770f5b9542927c76
=======
* {
	margin: 0 auto;
	padding: 0;
}

p {
	float: left;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: black;
}

.clear {
	clear: both;
}
/*---------------------------------header----------------------------------------*/
.header {
	width: 100%;
	height: 110px;
	background-image: url("../../images/head.png");
}
/*---------------------------------banner----------------------------------------*/
.searchAndButton {
	width: 40%;
	height: 30px;
}

.search {
	width: 40%;
	height: 30px;
	border: 1px solid orange;
	margin-left: 25%;
	margin-top: 1%;
	float: left;
}

.search-button {
	margin-top: 1%;
	width: 10%;
	height: 30px;
	float: left;
}

.banner {
	width: 76%;
	margin-left: 13%;
	margin-top: 1%;
	border: 1px solid #ccc;
	padding: 1%;
}

.banner span {
	font-size: 20px;
	float: left;
}
.iframe{
	height:100%;
	width:100%;
}

.banner_t {
	width: 96%;
	margin-left: 40px;
	    height: 205px;
	margin-top: -12px;
}

.banner_t li {
	width: 20%;
	height: 30px;
	float: left;
	margin-top: 2%;
}

.banner li .div1 {
	height: 30px;
	font-size: 20px;
	color: #2b2b2b;
	float: left;
	border: 0;
	border-radius: 10%;
	line-height: 30px;
	margin-top: 2%;
}
/*---------------------main----------------------------------------*/
.main {
	width: 84%;
	height: 600px;
	border: 1px solid grey;
	margin-top: 1%;
	padding: 2%;
}

.main-top {
	width: 100%;
	height: auto;
	margin: 10px;
	margin-bottom: 3%;
}

.item {
	width: 8%;
	height: 30px;
	float: left;
	border-radius: 10%;
	background: gainsboro;
	padding-left: 10px;
}

.courses {
	height: auto;
	width: 76%;
	float: left;
	/*background: red;*/
	padding-left: 2%;
}

.course {
	height: auto;
	width: 23%;
	margin-right: 1%;
	margin-bottom: 2%;
	height: 249px;
	/*background: pink;*/
	border: 1px solid #80808073;
	float: left;
	margin-top: 20px;
}

.courseInfo {
	margin-left: 6%;
}

.course img {
}

.course p {
	margin-left: 4%;
}
/*---------------------------------main----------------------------------------*/
.footer {
	overflow:hidden; 
	width: 100%;
	height: 117px;
	background-image: url("../../images/bottom.png");
	margin-top: 1%;
}